User description

Description

Summary

Redesigned the marketing footer to provide a modern, premium, space-inspired user experience that aligns with Kepler's branding and design language.

Changes Made

• Added a new hero footer section with a prominent call-to-action.
• Redesigned the footer layout with separate Brand, Platform, Company, and Resources sections.
• Improved typography, spacing, and overall visual hierarchy.
• Applied a futuristic dark theme with subtle gradients and hover animations.
• Added responsive layouts for desktop, tablet, and mobile devices.
• Enhanced footer branding and navigation for improved usability.

Related Issue

Fixes #79

Checklist

• I have read the contributing guidelines
• My code follows the project guidelines
• I have completed testing of my changes
• Documentation has been updated (if applicable)

Screenshots / Screen Recordings

Before :

After:

Breaking Changes

No breaking changes. This update only redesigns the marketing footer UI and does not affect existing functionality.

ECSoC26 Submission

ECSoC26 contributors only — select your difficulty level by checking exactly one box below.
Leaving all boxes unchecked, or checking more than one, will cause the automation to fail.

• ECSoC26-L1 – Beginner
• ECSoC26-L2 – Intermediate
• ECSoC26-L3 – Advanced

Additional Note :

I could not find the file to link contact, hence used #/contact.

CodeAnt-AI Description

Redesign the marketing footer into a premium, expanded footer experience

What Changed

• Replaced the simple footer with a larger footer area that includes a promotional call-to-action, grouped navigation links, and contact/social access
• Added a prominent footer hero with action buttons and key platform stats
• Added separate sections for Platform, Company, and Resources links, plus a clearer status and branding area
• Removed the standalone reliability strip from the landing page, with its stats now shown in the new footer area

Impact

✅ Stronger footer calls to action
✅ Easier access to key site pages
✅ More prominent trust and status messaging

@codeant-ai ask: Your question here

@codeant-ai ask: Can you suggest a safer alternative to storing this secret?

@codeant-ai: Your feedback here

@codeant-ai: Do not flag unused imports.

@codeant-ai: review

Summary by CodeRabbit

Summary

• New Features
  • Added a redesigned marketing footer with a hero area, animated visual effects, calls to action, and performance stat callouts.
  • Added structured footer navigation links and social links with updated branding and status indicator.
• Updates
  • Refactored the marketing layout to assemble the footer from the new dedicated sections for clearer presentation and maintenance.
  • Removed the “Reliability” section from the landing page.

Greptile Summary

This PR replaces the original inline MarketingFooter with three new dedicated components (FooterHero, FooterLinks, FooterSocials) and removes the Reliability section from LandingPage. The changes are purely presentational and introduce no new data fetching or business logic.

• FooterHero adds a full-width CTA banner with particle effects, stats, and action buttons.
• FooterLinks introduces a brand column and grouped navigation cards (Platform, Company, Resources) with a decorative background wordmark.
• FooterSocials adds a bottom bar with copyright, attribution, and a social-icon row.

Confidence Score: 5/5

The change is purely presentational — it swaps an inline footer for three new display components — and introduces no new data fetching, auth, or business logic.

All previously identified issues (broken #contact anchor, unused ArrowRight import, decorative h1, dead state in LandingPage) were already flagged in earlier review rounds. No new blocking defects were found in this pass. The new components are self-contained and the rendering path is straightforward.

No files require special attention beyond the items already under discussion in previous review threads.

Important Files Changed

Flowchart

%%{init: {'theme': 'neutral'}}%%
flowchart TD
    ML[MarketingLayout.tsx] --> MF[MarketingFooter]
    MF --> FH[FooterHero.tsx]
    MF --> FL[FooterLinks.tsx]
    MF --> FS[FooterSocials.tsx]

    FH -->|Link to /dashboard| DB[(Dashboard)]
    FH -->|Link to /#contact| BROKEN[⚠️ #contact — no anchor target]

    FL --> FC1[FooterCard: Platform]
    FL --> FC2[FooterCard: Company]
    FL --> FC3[FooterCard: Resources]

    FC2 -->|/#contact| BROKEN
    FC3 -->|/#contact| BROKEN

    LP[LandingPage.tsx] -->|removed| REL[~~Reliability section~~]
    LP --> DEAD[⚠️ Dead: navigate / handleLaunch / prefersReducedMotion]

%%{init: {'theme': 'base', 'themeVariables': {"darkMode": true, "background": "#0d1117", "primaryColor": "#21262d", "primaryTextColor": "#e6edf3", "primaryBorderColor": "#8b949e", "lineColor": "#8b949e", "textColor": "#e6edf3", "edgeLabelBackground": "#161b22", "actorBkg": "#21262d", "actorBorder": "#8b949e", "actorTextColor": "#e6edf3", "actorLineColor": "#8b949e", "signalColor": "#8b949e", "signalTextColor": "#e6edf3", "noteBkgColor": "#373320", "noteBorderColor": "#d4a72c", "noteTextColor": "#f0e6c0", "labelBoxBkgColor": "#21262d", "labelBoxBorderColor": "#8b949e", "labelTextColor": "#e6edf3", "loopTextColor": "#e6edf3", "activationBkgColor": "#30363d", "activationBorderColor": "#8b949e"}}}%%
flowchart TD
    ML[MarketingLayout.tsx] --> MF[MarketingFooter]
    MF --> FH[FooterHero.tsx]
    MF --> FL[FooterLinks.tsx]
    MF --> FS[FooterSocials.tsx]

    FH -->|Link to /dashboard| DB[(Dashboard)]
    FH -->|Link to /#contact| BROKEN[⚠️ #contact — no anchor target]

    FL --> FC1[FooterCard: Platform]
    FL --> FC2[FooterCard: Company]
    FL --> FC3[FooterCard: Resources]

    FC2 -->|/#contact| BROKEN
    FC3 -->|/#contact| BROKEN

    LP[LandingPage.tsx] -->|removed| REL[~~Reliability section~~]
    LP --> DEAD[⚠️ Dead: navigate / handleLaunch / prefersReducedMotion]

_{Reviews (2): Last reviewed commit: "feat:updated Kepler logo in footer" | Re-trigger Greptile}